<!DOCTYPE html>
<html>
<head>
<title>Sample: dynamic-height support</title>
<!-- default container look and feel -->
		<link href="StyleSheets/gadgets.css" rel="stylesheet"/>
		<link href="StyleSheets/container.css" rel="stylesheet"/>
		<link href="StyleSheets/temp_styles.css" rel="stylesheet"/>
		<script src="Scripts/container/json.js" type="text/javascript"></script>
		<script src="Scripts/container/ifpc.js" type="text/javascript"></script>
		<script src="Scripts/container/cookies.js" type="text/javascript"></script>
		<script src="Scripts/container/gadgets.js" type="text/javascript"></script>
		<script src="Scripts/util.js" type="text/javascript"></script>
<script type="text/javascript">
var specUrl0 = 'http://www.google.com/ig/modules/aue07otr.xml';

function init() {
  gadgets.container.layoutManager =
      new gadgets.SortableLayoutManager('div.column');

  gadgets.container.setParentUrl('ifpc_relay.html');
  
  var gadget = gadgets.container.createGadget({widgetId: 10, specUrl: specUrl0, title: "Patient Chart", logo: "/iGoogle/StyleSheets/edit.png"});
  gadget.setServerBase('http://localhost:8080/gadgets/'); 
  gadgets.container.addGadget(gadget,10);
  
  var gadget1 = gadgets.container.createGadget({widgetId: 11, specUrl: specUrl0, title: "Patient Chart", logo: "/iGoogle/StyleSheets/edit.png"});
  gadget1.setServerBase('http://localhost:8080/gadgets/'); 
  gadgets.container.addGadget(gadget1,11);
  
  var gadget2 = gadgets.container.createGadget({widgetId: 12, specUrl: specUrl0, title: "Patient Chart", logo: "/iGoogle/StyleSheets/edit.png"});
  gadget2.setServerBase('http://localhost:8080/gadgets/'); 
  gadgets.container.addGadget(gadget2,12);
  
  var gadget3 = gadgets.container.createGadget({widgetId: 13, specUrl: specUrl0, title: "Patient Chart", logo: "/iGoogle/StyleSheets/edit.png"});
  gadget3.setServerBase('http://localhost:8080/gadgets/'); 
  gadgets.container.addGadget(gadget3,13);
  
  var gadget4 = gadgets.container.createGadget({widgetId: 14, specUrl: specUrl0, title: "Patient Chart", logo: "/iGoogle/StyleSheets/edit.png"});
  gadget4.setServerBase('http://localhost:8080/gadgets/'); 
  gadgets.container.addGadget(gadget4,14);
};

function renderGadgets() {
  gadgets.container.renderGadgets();
};
</script>
</head>
<body onLoad="init();renderGadgets()">
  <h2>Sample: dynamic-height support</h2>
  <div>(Requires a Shindig server running at http://localhost:8080)</div>
  <div id="gadget-parent" class="gadgets-gadget-parent"></div>
  		<div class="column" id="sort1"><p></p></div>
		<div class="column" id="sort2"><p></p></div>
		<div class="column" id="sort3"><p></p></div>
</body>
</html>
